﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Shared/_FrontEnd_NonSlide_Layout.Master" AutoEventWireup="true" CodeBehind="SearchResult.aspx.cs" Inherits="ProjectClass.View.FrontEnd.SearchResult" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
        
                    <!--  ==========  -->
                    <!--  = Title =  -->
                    <!--  ==========  -->
                    <div class="underlined push-down-20">
                        <div class="row">
                            <div class="span5">
                                <h3><span class="light">Search:</span> &quot;Horsefeathers&quot;</h3>
                            </div>
                            <div class="span4">
                                <div class="form-inline sorting-by">
                                    <label for="isotopeSorting" class="black-clr">Sort:</label>
                                    <select id="isotopeSorting" class="span3">
                                        <option value='{"sortBy":"price", "sortAscending":"true"}'>By Price (Low to High) &uarr;</option>
                                        <option value='{"sortBy":"price", "sortAscending":"false"}'>By Price (High to Low) &darr;</option>
                                        <option value='{"sortBy":"name", "sortAscending":"true"}'>By Name (Low to High) &uarr;</option>
                                        <option value='{"sortBy":"name", "sortAscending":"false"}'>By Name (High to Low) &darr;</option>
                                        <option value='{"sortBy":"popularity", "sortAscending":"true"}'>By Popularity (Low to High) &uarr;</option>
                                        <option value='{"sortBy":"popularity", "sortAscending":"false"}'>By Popularity (High to Low) &darr;</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div> <!-- /title -->
                    
                    <!--  ==========  -->
                    <!--  = Products =  -->
                    <!--  ==========  -->
                    <div class="row popup-products">
                        <div id="isotopeContainer" class="isotope-container">
                    	    
                    	    
                    	     
                	        <!--  ==========  -->
                            <!--  = Single Product =  -->
                            <!--  ==========  -->
                    	    <div class="span3 filter--sunglasses" data-price="591" data-popularity="5" data-size="xs|s|l|xxl" data-color="purple|orange" data-brand="adidas">
                    	        <div class="product">
                    	             
                    	            <div class="product-img">
                    	                <div class="picture">
                    	                    <img width="540" height="374" alt="" src="images/dummy/products/product-3.jpg" />
                    	                    <div class="img-overlay">
                    	                        <a class="btn more btn-primary" href="#">More</a>
                    	                        <a class="btn buy btn-danger" href="#">Add to Cart</a>
                    	                    </div>
                    	                </div>
                    	            </div>
                    	            <div class="main-titles no-margin">
                    	                <h4 class="title">$591</h4>
                    	                <h5 class="no-margin isotope--title">Sed Dapibus</h5>
                    	            </div>
                    	            <p class="center-align stars">
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                 
                    	            </p>
                    	        </div>
                    	    </div> <!-- /single product -->
                    	     
                	        <!--  ==========  -->
                            <!--  = Single Product =  -->
                            <!--  ==========  -->
                    	    <div class="span3 filter--shorts" data-price="1516" data-popularity="1" data-size="s|l|xxl" data-color="red|blue" data-brand="nike">
                    	        <div class="product">
                    	             
                    	                <div class="stamp green">New</div>
                	                 
                    	            <div class="product-img">
                    	                <div class="picture">
                    	                    <img width="540" height="374" alt="" src="images/dummy/products/product-33.jpg" />
                    	                    <div class="img-overlay">
                    	                        <a class="btn more btn-primary" href="#">More</a>
                    	                        <a class="btn buy btn-danger" href="#">Add to Cart</a>
                    	                    </div>
                    	                </div>
                    	            </div>
                    	            <div class="main-titles no-margin">
                    	                <h4 class="title">$1516</h4>
                    	                <h5 class="no-margin isotope--title">Vivamus Felis Dapibus Metus Ut</h5>
                    	            </div>
                    	            <p class="center-align stars">
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star"></span>
                    	                <span class="icon-star"></span>
                    	                <span class="icon-star"></span>
                    	                <span class="icon-star"></span>
                    	                 
                    	            </p>
                    	        </div>
                    	    </div> <!-- /single product -->
                    	     
                	        <!--  ==========  -->
                            <!--  = Single Product =  -->
                            <!--  ==========  -->
                    	    <div class="span3 filter--trousers" data-price="1087" data-popularity="4" data-size="xs|s|l|xl" data-color="pink|orange" data-brand="naish">
                    	        <div class="product">
                    	             
                    	            <div class="product-img">
                    	                <div class="picture">
                    	                    <img width="540" height="374" alt="" src="images/dummy/products/product-22.jpg" />
                    	                    <div class="img-overlay">
                    	                        <a class="btn more btn-primary" href="#">More</a>
                    	                        <a class="btn buy btn-danger" href="#">Add to Cart</a>
                    	                    </div>
                    	                </div>
                    	            </div>
                    	            <div class="main-titles no-margin">
                    	                <h4 class="title">$1087</h4>
                    	                <h5 class="no-margin isotope--title">Nisi Est</h5>
                    	            </div>
                    	            <p class="center-align stars">
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star"></span>
                    	                 
                    	            </p>
                    	        </div>
                    	    </div> <!-- /single product -->
                    	     
                	        <!--  ==========  -->
                            <!--  = Single Product =  -->
                            <!--  ==========  -->
                    	    <div class="span3 filter--bags" data-price="363" data-popularity="5" data-size="s|m|xxl" data-color="pink" data-brand="puma">
                    	        <div class="product">
                    	             
                    	            <div class="product-img">
                    	                <div class="picture">
                    	                    <img width="540" height="374" alt="" src="images/dummy/products/product-20.jpg" />
                    	                    <div class="img-overlay">
                    	                        <a class="btn more btn-primary" href="#">More</a>
                    	                        <a class="btn buy btn-danger" href="#">Add to Cart</a>
                    	                    </div>
                    	                </div>
                    	            </div>
                    	            <div class="main-titles no-margin">
                    	                <h4 class="title">$363</h4>
                    	                <h5 class="no-margin isotope--title">Dolor Tincidunt</h5>
                    	            </div>
                    	            <p class="center-align stars">
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                 
                    	            </p>
                    	        </div>
                    	    </div> <!-- /single product -->
                    	     
                	        <!--  ==========  -->
                            <!--  = Single Product =  -->
                            <!--  ==========  -->
                    	    <div class="span3 filter--swimwear" data-price="554" data-popularity="2" data-size="m|xl" data-color="red" data-brand="s-oliver">
                    	        <div class="product">
                    	             
                	                    <div class="stamp red">Sold</div>
            	                     
                    	            <div class="product-img">
                    	                <div class="picture">
                    	                    <img width="540" height="374" alt="" src="images/dummy/products/product-10.jpg" />
                    	                    <div class="img-overlay">
                    	                        <a class="btn more btn-primary" href="#">More</a>
                    	                        <a class="btn buy btn-danger" href="#">Add to Cart</a>
                    	                    </div>
                    	                </div>
                    	            </div>
                    	            <div class="main-titles no-margin">
                    	                <h4 class="title">$554</h4>
                    	                <h5 class="no-margin isotope--title">Tincidunt Sed Duis Dapibus Eros</h5>
                    	            </div>
                    	            <p class="center-align stars">
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star"></span>
                    	                <span class="icon-star"></span>
                    	                <span class="icon-star"></span>
                    	                 
                    	            </p>
                    	        </div>
                    	    </div> <!-- /single product -->
                    	     
                	        <!--  ==========  -->
                            <!--  = Single Product =  -->
                            <!--  ==========  -->
                    	    <div class="span3 filter--socks" data-price="1081" data-popularity="1" data-size="s|xxl" data-color="blue" data-brand="s-oliver">
                    	        <div class="product">
                    	             
                    	                <div class="stamp green">New</div>
                	                 
                    	            <div class="product-img">
                    	                <div class="picture">
                    	                    <img width="540" height="374" alt="" src="images/dummy/products/product-13.jpg" />
                    	                    <div class="img-overlay">
                    	                        <a class="btn more btn-primary" href="#">More</a>
                    	                        <a class="btn buy btn-danger" href="#">Add to Cart</a>
                    	                    </div>
                    	                </div>
                    	            </div>
                    	            <div class="main-titles no-margin">
                    	                <h4 class="title">$1081</h4>
                    	                <h5 class="no-margin isotope--title">Adipiscing Vel Amet</h5>
                    	            </div>
                    	            <p class="center-align stars">
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star"></span>
                    	                <span class="icon-star"></span>
                    	                <span class="icon-star"></span>
                    	                <span class="icon-star"></span>
                    	                 
                    	            </p>
                    	        </div>
                    	    </div> <!-- /single product -->
                    	     
                	        <!--  ==========  -->
                            <!--  = Single Product =  -->
                            <!--  ==========  -->
                    	    <div class="span3 filter--polo-shirts" data-price="30" data-popularity="5" data-size="m|xl" data-color="green" data-brand="nike">
                    	        <div class="product">
                    	             
                    	            <div class="product-img">
                    	                <div class="picture">
                    	                    <img width="540" height="374" alt="" src="images/dummy/products/product-24.jpg" />
                    	                    <div class="img-overlay">
                    	                        <a class="btn more btn-primary" href="#">More</a>
                    	                        <a class="btn buy btn-danger" href="#">Add to Cart</a>
                    	                    </div>
                    	                </div>
                    	            </div>
                    	            <div class="main-titles no-margin">
                    	                <h4 class="title">$30</h4>
                    	                <h5 class="no-margin isotope--title">Ipsum Dolor Adipiscing Elit Neque</h5>
                    	            </div>
                    	            <p class="center-align stars">
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                 
                    	            </p>
                    	        </div>
                    	    </div> <!-- /single product -->
                    	     
                	        <!--  ==========  -->
                            <!--  = Single Product =  -->
                            <!--  ==========  -->
                    	    <div class="span3 filter--accessories" data-price="978" data-popularity="4" data-size="xs|m|xl" data-color="pink|purple" data-brand="naish">
                    	        <div class="product">
                    	             
                    	            <div class="product-img">
                    	                <div class="picture">
                    	                    <img width="540" height="374" alt="" src="images/dummy/products/product-5.jpg" />
                    	                    <div class="img-overlay">
                    	                        <a class="btn more btn-primary" href="#">More</a>
                    	                        <a class="btn buy btn-danger" href="#">Add to Cart</a>
                    	                    </div>
                    	                </div>
                    	            </div>
                    	            <div class="main-titles no-margin">
                    	                <h4 class="title">$978</h4>
                    	                <h5 class="no-margin isotope--title">Ipsum Consectetur Sed Amet Condimentum</h5>
                    	            </div>
                    	            <p class="center-align stars">
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star stars-clr"></span>
                    	                <span class="icon-star"></span>
                    	                 
                    	            </p>
                    	        </div>
                    	    </div> <!-- /single product -->
                    	     
                    	    
                    	</div>
                	</div>
</asp:Content>
